<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/libs/icon/iconfont.css">
    <link rel="stylesheet" href="/css/list.css">
</head>
<body>
    <header></header>
    <!-- <div class="hots-list">
        <div class="hots-list-con">
            <a href="/html/details.html" class="banner">
                <img src="/images/list.jpg" alt="">
            </a>
        </div>
    </div> -->
    <div class="swiper-container lunbo">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="/images/banner-1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="/images/banner-2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="/images/banner-3.jpg" alt=""></div>
            <div class="swiper-slide"><img src="/images/banner-4.jpg" alt=""></div>
            <div class="swiper-slide"><img src="/images/banner-5.png" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="banner-pagination swiper-pagination"></div>
        
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        
        <!-- 如果需要滚动条 -->
    </div>
    <!-- hot-goos热门商品 -->
    <div class="hot-goods">
        <div class="hot-goods-con">
            <h3>编辑推荐</h3>
            <ul class="hot-goods-box clear_fix" id="goodsList">
                
            </ul>
            <script type="text/html" id="goodsTemplate">
                {{each list item}}
                <li class="hot-goods-list" >
                    <a href="/html/details.html?id={{item.id}}" target="_blank">
                        <img src="{{item.src}}" alt="">
                    </a>
                    <div class="produce">
                        <span>{{item.active}}</span>
                        <a href="">{{item.content}}</a>>
                    </div>
                    <em>￥{{item.price}}</em>
                </li>
                {{/each}}
            </script>
        </div>
    </div>
    <div id="float-box" class="float-box"></div>
    <nav aria-label="Page navigation" class="page-nav">
        <ul class="pagination ">
            <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
            <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
            </li>
        </ul>
    </nav>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>
</html>